html {
  background-color:#0e0e0e;
}

body {
  background-image:url(../image/body.jpg);
  background-color:#161616;
  color:#555;
  text-shadow:0 1px 0 rgba(0,0,0,0.1);
  font-size:small;
  font-family:'Open Sans',Helvetica,Arial,sans-serif;
  overflow-x:hidden;
  overflow-y:scroll;
}

#layout {
  background:-moz-radial-gradient(center center,circle cover,hsla(0,0%,0%,.0) 0%,hsla(0,0%,3%,9) 100%)no-repeat;
  background:-webkit-gradient(radial,center center,0,center center,800,from(hsla(0,0%,0%,.0)),to(hsla(0,0%,3%,9)) );
  background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=1 );
  margin:0 !important;
  padding:0 !important;
}

img {
  border:0;
  display:block;
}

.clear {
  clear:both;
}

a {
  outline:none;
}

a:link,
a:visited,
a:active,
a:hover {
  text-decoration:none;
  color:#555;
}

h1 a,
h1 a:link,
h1 a:visited {
  color:#c6cef7;
}

li {
  line-height:160%;
}

.nav-message a {
  display:none!Important;
}

/* layout */

#wrapper {
  padding-top:70px;
}

.background {
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:400px;
  opacity:0.6;
}

#contentwrapper {
  max-width:1024px;
  margin:0 auto;
  width:1000px;
  text-align:left;
  margin:10px auto;
}

#main-bd {
  margin:0 auto;
  float:left;
  width:100%;
  overflow-x:hidden;
}

/* header */

header.header {
  width:100%;
  height:auto;
  position:relative;
  z-index:20;
  overflow:hidden;
  text-align:left;
  border-bottom:1px solid #22231F;
  background-color:#111211;
  background-image:url(../image/menu-bg.png);
  background-repeat:repeat;
  -webkit-box-shadow:0 -1px 3px hsla(0,0%,0%,.9),0 2px 6px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.2);
  -moz-box-shadow:0 -1px 3px hsla(0,0%,0%,.9),0 2px 6px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.2);
  box-shadow:0 -1px 3px hsla(0,0%,0%,.9),0 2px 6px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.2);
}

header.header {
  margin:0 auto !important;
}

header.header section.headermenu {
  width:950px;
  margin:0 auto;
}

header.header section.headermenu .nav {
  margin-bottom:0;
  padding-bottom:15px;
  padding-top:15px;
  text-align:left;
  height:auto;
  width:100%;
  overflow:hidden;
}

header.header section.headermenu .nav li {
  display:inline !important;
  font-weight:normal !important;
  background-image:url(../image/dot-circle.png);
  background-repeat:no-repeat;
  background-position:0 7px;
  padding:4px 18px 0 20px !important;
}

header.header section.headermenu .nav a {
  font-size:12px!Important;
  font-family:'Open Sans',arial,sans serif!Important;
  font-weight:bold!Important;
  color:#40413E;
  text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
  text-transform:uppercase;
}

header.header section.headermenu .nav a:hover {
  color:#fff;
}

/* main */

.post,
.main {
  line-height:0;
  width:1120px;
  margin:0 auto !important;
}

a.x-templates {
  display:none;
}

article.blog {
  -moz-border-radius:3px;
  border-radius:3px;
  width:950px;
  position:relative;
  margin:4px auto !important;
  display:block;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  color:#454545;
  border:1px solid #151515;
  border-top-color:#1e1e1e;
  border-bottom-color:#191919;
  -webkit-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  -moz-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
}

article.blog:hover {
  color:transparent;
  text-shadow:0 0 7px #404448;
}

article.blog:active {
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04;
}

article.blog:before,
.webResult:before {
  content:'';
  height:40px;
  width:40px;
  position:absolute;
  right:5px;
  top:3px;
  background-image:url(../image/icon-logos.png);
  background-position:top center;
  background-repeat:no-repeat;
}

article.blog .post-meta1 {
  width:200px;
  margin:0 24px 0 0;
  float:left;
  padding:3px;
  border-right:1px solid #1e1e1e;
  box-shadow:2px 0 0 0 rgba(0,0,0,0.50);
  -webkit-box-shadow:2px 0 0 0 rgba(0,0,0,0.50);
  background-color:rgba(50,50,50,0.05);
}

article.blog .post-meta1 span {
  font-size:9px;
  line-height:11px;
  display:block;
  text-transform:uppercase;
  height:14px;
  color:#353535;
  text-shadow:0 1px 0 rgba(0,0,0,0.1);
}

article.blog .post-meta1 span.author {
  background:url(../image/smile-icon.png) no-repeat left center;
  padding:3px 0 2px 20px;
}

article.blog .post-meta1 span.date-header {
  background:url(../image/time-icon.png) no-repeat left center;
  padding:4px 0 0 20px;
}

article.blog li.title-post {
  list-style-type:square;
  font:30px/50px arial,sans-serif;
  color:#222;
}

article.blog .title-post h3 a {
  display:block;
  font:300 26px/40px 'raleway',arial narrow,arial,sans serif !important;
  color:#40413E;
  text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
  text-transform:uppercase;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

article.blog .title-post h3 a:hover {
  color:transparent;
  text-shadow:0 0 9px #404448;
}

article.blog .title-post h3 a:active {
  text-decoration:line-through;
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04,0 0 20px #C6EB04,0 1px 3px #eee,rgba(0,0,100,0.7) 0 7px 12px;
}

article.blog .title-post h3 a:first-letter {
  text-transform:uppercase;
  padding:0 1px 0 0;
  color:#323231;
}

article.blog .title-post h3 a:hover:first-letter {
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04,0 0 20px #C6EB04,0 1px 3px #eee,rgba(0,0,100,0.7) 0 7px 12px;
}

.thumbnaiPost {
  display:block;
  border:none;
  background-color:rgba(0,0,0,0.4);
  background-image:url(../image/loader.gif);
  background-position:center center;
  background-repeat:no-repeat;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
}

a.webtitle:before,
a.templateLink:before {
  content:'';
  position:absolute !important;
  left:0;
  top:0;
  right:0;
  bottom:0;
  display:block;
  background:url();
  background:-moz-linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  /* FF3.6+ */

 background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,rgba(0,0,0,0.11)),color-stop(49%,rgba(51,51,51,0.13)),color-stop(50%,rgba(255,255,255,0.13)),color-stop(99%,rgba(255,255,255,0.15)),color-stop(100%,rgba(255,255,255,0.15)));
  /* Chrome,Safari4+ */

 background:-webkit-linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  /* Chrome10+,Safari5.1+ */

 background:-o-linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  /* Opera 11.10+ */

 background:-ms-linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  /* IE10+ */

 background:linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  /* W3C */

 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c000000',endColorstr='#26ffffff',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */

 z-index:100;
}

a.webtitle:after,
a.templateLink:after {
  content:'+ ';
  font:66px 'Open Sans',arial narrow,arial,sans serif;
  position:absolute !important;
  text-align:center;
  line-height:75px;
  left:30%;
  top:30%;
  width:80px;
  height:80px;
  background:rgba(0,0,0,0.4);
  color:rgba(255,255,255,0.8) !important;
  border-radius:12em;
  -moz-border-radius:12em;
  -webkit-border-radius:12em;
  border:1px solid rgba(0,0,0,0.1);
  opacity:0;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  z-index:102;
}

a.webtitle:hover:after,
a.templateLink:hover:after {
  opacity:1;
  color:rgba(255,255,255,0.8) !important;
}

a.webtitle:hover,
a.templateLink:hover {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background:rgba(0,0,0,0.8);
}

.search-goo {
  padding:10px;
  width:960px;
  position:relative;
  margin:0 auto !important;
  z-index:1;
  overflow:hidden;
}

.form {
  background-image:url(../image/li-x.png);
  background-position:bottom center;
  background-repeat:repeat-x;
  display:block;
}

#resultsDiv {
  width:960px;
  position:relative;
  margin:0 auto;
  padding:0 0 3px 0;
  counter-reset:number;
}

fieldset {
  border:none;
}

#searchInputContainer {
  width:960px;
  height:36px;
  float:left;
  margin-right:12px;
  position:relative;
  z-index:9;
}

#s {
  background:transparent!Important;
  border:none;
  color:#888888;
  width:800px;
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  height:36px;
  line-height:36px;
  margin-right:12px;
  outline:medium none;
  padding:0 0 0 35px;
}

.icons {
  list-style:none;
  margin:-2px 0 0 340px;
  height:19px;
  position:relative;
  float:right;
  width:100px;
}

.icons li {
  background:url(../image/icons.png) no-repeat;
  float:left;
  height:19px;
  text-indent:-9999px;
  cursor:pointer;
  margin-right:5px;
}

span.arrow {
  width:11px;
  height:6px;
  margin:21px 0 0 5px;
  position:absolute;
  background:url(../image/arrow.png) no-repeat;
  left:0;
}

#submitButton,
#submitButton-2 {
  background:transparent;
  font:bold 12px 'Open Sans',arial,sans serif;
  width:108px;
  height:36px;
  overflow:hidden;
  text-transform:uppercase;
  border:none;
  cursor:pointer;
  float:left;
  color:#444;
}

#submitButton:hover,
#submitButton-2:hover {
  background-position:left bottom;
}

#searchInContainer {
  float:left;
  margin-top:12px;
  width:930px;
  position:relative;
  z-index:3;
}

#searchInContainer label {
  color:#444;
  cursor:pointer;
  font:300 10px raleway,arial,sans serif!Important;
  text-transform:uppercase;
  position:relative;
  right:-2px;
  top:-2px;
  margin-right:10px;
  white-space:nowrap;
  /*float:left;
  */;
}

#searchInContainer label:hover {
  color:#666;
}

#searchInContainer input[type=radio] {
  cursor:pointer;
  margin:-5px 0 0 0;
}

#searchInContainer input[type="radio"] {
  position:absolute;
  left:-999em;
}

#searchInContainer label:before {
  display:inline-block;
  position:relative;
  top:0.79em;
  left:-2px;
  content:'';
  width:25px;
  height:25px;
  margin:-13px 0 0 0;
  background-image:url(../image/button-radio.png);
}

#searchInContainer input[type="radio"] + label:before {
  background-position:-25px -25px;
}

#searchInContainer input[type="radio"]:checked + label:before {
  background-position:-25px 0;
}

.ie8 label:before {
  display:none;
  content:none;
}

.ie8 input[type="radio"],
.ie7 input[type="radio"] {
  position:static;
  left:0;
}

.ie8 input[type="radio"] {
  position:relative;
  top:5px;
  margin-right:0.5em;
}

#searchInContainer input[type="text"]:focus,
textarea:focus {
  border-color:#000;
}

.pageContainer {
  padding:0;
  width:960px;
  position:relative;
  margin:0 0 0 30px !important;
  z-index:1;
}

#resultsDiv h3 {
  text-align:center;
  padding:30px 0 50px 40px;
  font-size:20px !important;
  line-height:20px;
  clear:both !important;
  display:block !important;
}

.webResult {
  -moz-border-radius:3px;
  border-radius:3px;
  width:950px;
  float:left;
  position:relative;
  margin:2px auto !important;
  display:block;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  color:#454545;
  border:1px solid #151515;
  border-top-color:#1e1e1e;
  border-bottom-color:#191919;
  -webkit-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  -moz-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
}

.webResult .sinp {
  width:200px;
  overflow:hidden;
  height:40px;
  margin-right:1px;
  float:left;
  padding:3px;
  border-right:1px solid #1e1e1e;
  box-shadow:2px 0 0 0 rgba(0,0,0,0.50);
  -webkit-box-shadow:2px 0 0 0 rgba(0,0,0,0.50);
  background-color:rgba(50,50,50,0.05);
}

.webResult .sinp a.linkwebsite {
  background:url(../image/smile-icon.png) no-repeat 0 1px;
  padding:3px 0 2px 18px;
  line-height:35px;
  margin-left:15px;
  font-size:9px;
  text-transform:uppercase;
  color:rgb(67,67,67);
}

.webResult .titlee {
  float:left;
  width:730px;
  height:44px;
  overflow:hidden;
}

.webResult h2 {
  display:block;
  height:44px;
  font:26px/40px 'Open Sans',arial narrow,arial,sans serif !important;
  text-transform:uppercase;
  overflow:hidden;
  width:730px;
}

.webResult h2 a {
  display:block;
  font:26px/40px 'raleway',arial narrow,arial,sans serif !important;
  color:#40413E;
  text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
  text-transform:uppercase;
  padding-left:20px;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

.webResult h2 b {
  color:#454545;
}

.webResult p {
  line-height:1.1;
  padding:10px 20px;
  font-size:10px;
  display:none;
}

.webResult p b {
  border-bottom:dotted 1px #434343;
}

.webResult > a {
  margin-left:20px;
}

.imageResult {
  float:left;
  position:relative;
  margin:0 0 20px 40px;
  text-align:center;
  width:185px;
  height:210px;
  overflow:hidden;
  margin-bottom:20px;
  display:block;
  background-color:#222;
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.7),0 6px 9px rgba(0,0,0,.7),0 3px 16px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.7),0 6px 9px rgba(0,0,0,.7),0 3px 16px rgba(0,0,0,.9)inset;
  box-shadow:0 3px 6px rgba(0,0,0,.7),0 6px 9px rgba(0,0,0,.7),0 3px 16px rgba(0,0,0,.9)inset;
}

.imageResult img {
  display:block;
  border:none;
  background-image:url(../image/loader.gif);
  background-position:center center;
  background-repeat:no-repeat;
}

.imageResult a.pic {
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  display:block;
}

#more {
  width:56px;
  height:18px;
  background:url('../image/more.png') no-repeat;
  cursor:pointer;
  margin:11px 0 0 -20px;
  text-align:left;
  position:absolute;
  left:140px;
  z-index:999;
}

#more:hover {
  background-position:left bottom;
}

.clear-img {
  position:absolute;
  right:10px;
  z-index:5;
  display:none;
  top:24px;
}

.post img {
  border:none;
}

.post ul,
.post ol {
  margin-left:40px;
}

.post ul li {
  margin-left:5px;
  padding-left:5px;
  list-style-type:disc;
}

.post ol li {
  margin-left:10px;
  padding-left:5px;
  list-style-type:decimal;
}

/* navigasi */

#toggle-container {
  display:block;
  text-align:left;
  width:930px !important;
  position:relative;
  margin:0 0 100px 25px !important;
  padding:1px 10px !important;
  background-image:url(../image/li-x.png);
  background-position:bottom center;
  background-repeat:repeat-x;
}

.footer-width {
  max-width:1040px;
  margin:0 auto;
}

#toggle-container a {
  font-size:12px;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:bold!Important;
  color:rgba(255,255,255,0.5);
  outline:0 none;
  position:relative;
  z-index:999;
}

ul#blog-pager {
  width:220px;
  float:left;
  padding:0 !important;
  margin:0 !important;
  color:rgba(255,255,255,0.5);
  background:rgba(0,0,0,0.0);
}

#blog-pager a {
  font-size:12px!Important;
  color:rgba(255,255,255,0.5);
}

#blog-pager li {
  background-image:url(../image/border-top-icon.png);
  background-position:top right;
  background-repeat:repeat-y;
  list-style:none;
}

li#blog-pager-newer-link {
  padding:0 10px 0 30px;
  margin-left:-18px;
}

li#blog-pager-older-link {
  padding:0 20px 0 10px;
}

li#blog-pager-older-link a {
  display:inline !important;
  font-weight:normal !important;
  background-image:url(../image/right.png);
  background-repeat:no-repeat;
  background-position:center right;
  padding:0 18px 0 20px !important;
  font-size:20px;
  color:#353535 !important;
  text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:600!Important;
  text-transform:uppercase;
}

li#blog-pager-newer-link a {
  display:inline !important;
  font-weight:normal !important;
  background-image:url(../image/left.png);
  background-repeat:no-repeat;
  background-position:center left;
  padding:0 18px 0 20px !important;
  font-size:20px;
  color:#353535 !important;
  text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:600!Important;
  text-transform:uppercase;
}

ul.label-post li {
  font-size:9px!Important;
  display:inline !important;
  font-weight:normal !important;
  background-image:url(../image/icon-bullet-small-li.png);
  background-repeat:no-repeat;
  background-position:-2px 7px;
  padding:0 3px 0 14px !important;
  color:#444 !important;
  text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:600!Important;
  text-transform:uppercase;
  color:#383838!Important;
}

ul.label-post li a {
  font-size:9px!Important;
  color:transparent;
  padding-right:4px;
  color:#383838!Important;
}

ul.label-post li a:hover {
  color:#555!Important;
}

ul.label-post li span {
  color:#272727;
  padding-left:3px;
  margin-left:3px;
  font-weight:normal!Important;
}

ul.label-post {
  overflow:hidden;
}

#toggle-container li {
  float:left;
  display:inline;
  line-height:30px;
  height:34px;
}

/* footer */

footer.footerwrap {
  position:relative;
  margin:0 auto;
  width:100%;
  z-index:2;
  color:#444;
  text-align:left;
  font-size:11px;
  background-color:transparent !important;
  background-image:url(../image/top-arrow.png);
  background-repeat:repeat-x;
  background-position:top center;
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;
  -moz-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;
  box-shadow:0 2px 5px rgba(0,0,0,.9) inset;
}

footer.footerwrap div.footerbody {
  background-color:rgba(0,0,0,.6);
}

footer.footerwrap a {
  color:#444;
  text-decoration:none;
}

/* footer 3 kolom */

footer.footerwrap article.footergrd {
  width:1000px;
  margin:0 auto;
  text-align:left;
  font-size:99%;
  padding-bottom:20px;
  padding-top:2%;
}

footer.footerwrap article.footergrd section.footergrd-c1 {
  width:20%;
  float:left;
  text-align:right;
}

footer.footerwrap article.footergrd section.footergrd-c2 {
  width:20%;
  float:left;
}

footer.footerwrap article.footergrd section.footergrd-c3 {
  width:50%;
  float:left;
}

footer.footerwrap p {
  font-size:11px;
}

footer.footerwrap article.footergrd section.footergrd-c1 h5,
footer.footerwrap article.footergrd section.footergrd-c2 h5,
footer.footerwrap article.footergrd section.footergrd-c3 h5 {
  padding:0 0 4px 0;
  font-size:29px;
  font-family:'Raleway','arial narrow','arial',sans serif;
  color:#444;
  text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
  text-transform:uppercase;
}

footer.footerwrap article.footergrd li,
footer.footerwrap article.footergrd section.footergrd-c3 h5 {
  padding:4px;
  background-image:url(../image/line-border.png);
  background-position:bottom right;
  background-repeat:no-repeat;
}

footer.footerwrap article.footergrd section.footergrd-c2 h5 {
  padding:4px;
  background-image:url(../image/small-line-border.png);
  background-position:bottom center;
  background-repeat:no-repeat;
}

footer.footerwrap article.footergrd section.footergrd-c1 h5 {
  padding:4px;
  background-image:url(../image/small-line-border-1.png);
  background-position:bottom center;
  background-repeat:no-repeat;
  font-family:'Raleway',arial narrow,arial,sans serif !important;
}

.footergrd-m1,
.footergrd-m2,
.footergrd-m3 {
  width:3%;
  height:1px;
  float:left;
}

.widget-content img.profile-img {
  border-radius:160px;
  -moz-border-radius:160px;
  -webkitborder-radius:160px;
  width:80px !important;
  height:80px !important;
  float:left !important;
  border:2px solid #222;
}

/* footer credit*/

aside#fotterbawah {
  display:block;
  position:relative;
  z-index:2;
  background-color:#0e0e0e;
  background-image:url(../image/menu-bg.png);
  background-repeat:repeat;
  -webkit-box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
  -moz-box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
  box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
}

aside#fotterbawah p {
  position:relative;
  width:1000px;
  margin:0 auto;
  padding:14px 0;
  z-index:999;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:600!Important;
  font-size:11px;
  text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
  color:#353535;
  text-align:center;
}

aside#fotterbawah p a {
  color:#353535;
}

#blog-pager-older-link {
  float:right;
}

#blog-pager a,
#blog-pager a:visited,
#blog-pager a:hover {
  color:#40413E;
  text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
}

/* css depan */

nav.top-menu-home {
  width:71.93478260869565%;
  padding:0.5em 0 0.15em 0;
  float:right;
}

nav.top-menu-home a:link,
nav.top-menu-home a:visited {
  width:18.9%;
  float:left;
  margin:-8px 0 0 28px;
  padding:16px 0 16px;
  font-size:16px;
  color:#ccc;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:normal;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  background-image:url(../image/border-center-top-left.png);
  background-position:bottom center;
  background-repeat:repeat-x;
  -webkit-transition:background .3s linear;
  -moz-transition:background .3s linear;
  -o-transition:background .3s linear;
  transition:background .3s linear;
  position:relative;
}

nav.top-menu-home a.blog:before,
nav.top-menu-home a.about:before,
nav.top-menu-home a.archive:before,
nav.top-menu-home a.contact:before {
  position:absolute;
  left:-18px;
  top:30px;
  width:32px;
  height:32px;
  color:#ccc;
  text-shadow:0 0 12px #fff;
  line-height:2em;
  background-color:#333;
  border:6px solid #888;
  text-align:center;
  font-weight:bold;
  font-family:Open Sans,arial,sans serif;
  border-radius:2em;
  -moz-border-radius:2em;
  -webkit-border-radius:2em;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  -moz-box-shadow:0 1px 3px #000;
  -webkit-box-shadow:0 1px 3px #000;
  box-shadow:0 1px 3px #000;
}

nav.top-menu-home a.blog:hover:before,
nav.top-menu-home a.about:hover:before,
nav.top-menu-home a.archive:hover:before,
nav.top-menu-home a.contact:hover:before {
  -moz-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg);
  color:#161616 !important;
  border:6px solid #85A101;
  background-color:#C6EB04;
  -moz-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
  box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
}

nav.top-menu-home a.blog:before {
  content:'1';
}

nav.top-menu-home a.about:before {
  content:'2';
}

nav.top-menu-home a.archive:before {
  content:'3';
}

nav.top-menu-home a.contact:before {
  content:'4';
}

nav.top-menu-home a:hover {
  color:#C6EB04;
  text-shadow:0 0 30px #C6EB04;
}

nav.top-menu-home .divider {
  float:left;
  text-align:center;
  width:1.44%;
}

div#phone {
  width:73.93478260869565%;
  padding:0.5em 0 0.95em 0;
  float:right;
  background-image:url(../image/big-border.png);
  background-position:bottom center;
  background-repeat:repeat-x;
  margin:10px 0 0 0;
}

div#phone h2.phone-number {
  font:100 40px/30px 'Raleway',arial narrow,arial,sans serif !important;
  padding:0;
  text-transform:uppercase;
  float:right;
  color:#454545;
}

div#phone h6.call {
  font:300 14px/14px 'Raleway',arial narrow,arial,sans serif !important;
  float:right;
  width:200px;
  margin-top:2px;
  margin-right:10px;
  text-align:right;
  line-height:120%;
  color:#444;
}

section#time {
  width:25.59521739130435%;
  float:left;
  margin-left:23px;
  text-align:center;
  background-image:url(../image/big-border-top.png);
  background-position:top center;
  background-repeat:repeat-y;
  height:142px;
  color:#555;
  color:#fff;
}

section#time {
  margin:0 auto;
  overflow:hidden;
  font-family:'raleway',arial narrow,arial,sans serif;
}

section#time > nav.clock {
  margin:0 auto;
  padding:30px;
}

section#time > nav.clock .Date {
  font-size:12px;
  font-weight:700;
  text-align:center;
  color:#555;
  line-height:0.9em;
}

section#time > nav.clock ul {
  margin:0 auto;
  padding:0;
  list-style:none;
  text-align:center;
}

section#time > nav.clock ul li {
  color:#ccc;
  display:inline;
  font-size:40px;
  text-align:center;
  font-weight:300;
}

section#time > nav.clock li.point {
  position:relative;
  padding-left:1px;
  padding-right:1px;
}

.container p {
  background-image:url(../image/center-border.png);
  background-position:top center;
  background-repeat:repeat-x;
  font-size:11px;
  color:#555;
  margin:0 auto;
  padding-top:5px;
  padding-right:10px;
}

.container h5 {
  text-transform:uppercase;
  text-align:center;
  line-height:25px;
  font-size:23px;
  font-family:'Raleway',arial narrow,arial,sans serif !important;
  color:#aaa;
}

nav#topnav {
  background-image:url(../image/border-nav.png);
  background-position:top center;
  background-repeat:no-repeat;
  padding:7px 0 0 0;
  margin-top:4px;
  width:1000px;
}

nav#topnav li {
  font:bold 11px/15px Open Sans,arial,sans serif;
  display:inline;
  background-image:url(../image/border-top.png);
  background-position:top right;
  background-repeat:repeat-y;
  padding:8px 10px 2px 8px;
  margin-top:10px;
}

nav#topnav li a {
  background-image:url(../image/dot-circle-li-x.png);
  background-repeat:no-repeat;
  background-position:0 0;
  height:26px !important;
  padding:0 0 10px 20px !important;
  font-family:'Raleway',arial narrow,arial,sans serif !important;
  color:#666!Important;
}

nav#topnav li a:link,
nav#topnav li a:visited {
  text-decoration:none;
}

section#logo-home div.text,
section#logo-home div.logo,
section#logo-home div.arrow,
section#logo-home div.freedom {
  background-image:url(../image/home-grup.png);
  display:none;
}

section#logo-home {
  background-image:url(../image/home-grup.png);
  background-position:30px 40px;
  background-repeat:no-repeat;
  height:400px;
  margin:6px 0 0 -15px;
  padding:0;
  overflow:hidden;
  position:relative;
  cursor:crosshair;
}

section#logo-home div {
  position:absolute;
  background-repeat:no-repeat;
}

section#logo-home div.text {
  background-position:45px -410px;
  width:700px;
  height:270px;
  top:43px;
  left:230px;
  z-index:1;
}

section#logo-home div.logo {
  font-size:12px;
  color:#fff;
  background-position:-652px -375px;
  width:280px;
  height:312px;
  bottom:80px;
  left:15px;
  z-index:2;
  cursor:url(../image/Fresh.png),auto;
}

section#logo-home div.freedom {
  background-position:-185px -725px;
  height:141px;
  width:149px;
  top:80px;
  left:781px;
  z-index:3;
}

section#logo-home div.arrow {
  background-position:-15px -687px;
  height:160px;
  width:160px;
  top:-25px;
  left:381px;
  z-index:3;
}

ul.dot-icon {
  margin:10px 0;
}

ul.dot-icon li {
  display:inline !important;
  font-weight:normal !important;
  background-image:url(../image/dot-li-icon.png)!Important;
  background-repeat:no-repeat;
  background-position:0 13px;
  padding:5px 18px 0 20px !important;
  font-size:20px;
  color:#535453 !important;
  text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:600!Important;
  text-transform:uppercase;
}

.profil-image-home {
  width:130px;
  position:relative;
  overflow:hidden;
  float:left;
}

.profil-image-home img {
  border:4px solid #222;
  border-radius:160px;
  -moz-border-radius:160px;
  -webkitborder-radius:160px;
}

a.fb,
a.twitter,
a.google-plus {
  border:#222 solid 4px;
  border-radius:160px;
  border-radius:50px;
  transition:all 0.2s ease-out;
}

.profil-image-icon img:hover {
  opacity:0.9;
}

img.profile-img {
  width:72px !important;
  height:72px !important;
  margin:9px 10px 0 2px;
  float:left !important;
  margin:10px 0 30px 0;
}

.profil-dep-home {
  margin:10px 0 20px 20px;
}

.profil-dep-home p {
  line-height:16px;
  padding-bottom:1px !important;
}

.profil-dep-home p a {
  text-decoration:none;
}

a.fb {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:0 -99px;
  width:21px;
  height:21px;
  position:absolute;
  top:6px;
  right:14px;
}

a.twitter {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:-2px -124px;
  width:18px;
  height:18px;
  position:absolute;
  top:38px;
  right:7px;
}

a.google-plus {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:-2px -146px;
  width:16px;
  height:16px;
  position:absolute;
  top:67px;
  right:17px;
}

a.fb:hover {
  border:4px solid #5e83cf !important;
  box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
}

a.twitter:hover {
  border:4px solid #45c6e3 !important;
  box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
}

a.google-plus:hover {
  border:4px solid #e36347 !important;
  box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
}

nav ul.menu-3 li {
  padding:4px 0 !important;
  margin:0 !important;
  background-image:url(../image/small-line-border.png) !important;
  background-position:bottom center !important;
  background-repeat:no-repeat !important;
}

nav ul.menu-3 li a {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  margin:0;
  padding:0 0 0 26px;
  line-height:16px;
  text-decoration:none;
}

nav ul.menu-3 li.blogger a {
  background-position:0 -4px;
}

nav ul.menu-3 li.g-site a {
  background-position:0 -28px;
}

nav ul.menu-3 li.disqus a {
  background-position:0 -77px;
}

nav ul.menu-3 li.w3c a {
  background-position:0 -53px;
}